<template>
    <div class="container">
        <h2>公司信息</h2>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">公司中文名:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.company_name" placeholder="请输入公司中文名"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">公司英文名:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.company_name_en" placeholder="请输入公司英文名"></el-input>
                </el-col>
            </el-row>
        </div>

        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">公司简介:</div>
                </el-col>
                <el-col :span="9">
                    <el-input
                        v-model="list.company_describe"
                        placeholder="请输入公司简介"
                        type="textarea"
                        :autosize="{ minRows: 3, maxRows: 5}"
                    ></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">固定电话:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.tel" placeholder="请输入固定电话"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">网址:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.link" placeholder="请输入网址"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">产品品牌:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.product_brand" placeholder="请输入产品品牌"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">应用领域:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.application_area" placeholder="请输入应用领域"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">手机:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.mobile" placeholder="请输入手机"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">Email:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.email" placeholder="请输入Email"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">QQ:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.qq" placeholder="请输入QQ"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">微信:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.wechat" placeholder="请输入微信"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">产品介绍:</div>
                </el-col>
                <el-col :span="9">
                    <el-input
                        v-model="list.product_describe"
                        placeholder="请输入产品介绍"
                        type="textarea"
                        :autosize="{ minRows: 3, maxRows: 5}"
                    ></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">产品关键字:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.product_keyword" placeholder="请输入产品关键字"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">一级分类:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.category_id" placeholder="请输入一级分类"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">二级分类:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.second_category_id" placeholder="请输入二级分类"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">产品:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.product" placeholder="请输入产品"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">年产能:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.capacitys" placeholder="请输入年产能"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">年销售总额:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.sale_fee" placeholder="请输入年销售总额"></el-input>
                </el-col>
            </el-row>
        </div>
        <h2>地区录入</h2>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">国家:</div>
                </el-col>
                <el-col :span="5">
                    <el-select v-model="list.country" filterable placeholder="请选择">
                        <el-option
                            v-for="item in countryList"
                            :key="item.id"
                            :label="item.cname"
                            :value="item.cname"
                        ></el-option>
                    </el-select>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">国家代码:</div>
                </el-col>
                <el-col :span="5">
                    <el-input v-model="list.country_code" placeholder="请输入国家代码"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">区域:</div>
                </el-col>
                <el-col :span="5">
                    <el-input v-model="list.area" placeholder="请输入区域"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">省份:</div>
                </el-col>
                <el-col :span="5">
                    <el-input v-model="list.province" placeholder="请输入省份"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">地级市（区）:</div>
                </el-col>
                <el-col :span="5">
                    <el-input v-model="list.area_city" placeholder="请输入地级市（区）"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">县级市（区）:</div>
                </el-col>
                <el-col :span="5">
                    <el-input v-model="list.area_town" placeholder="请输入县级市（区）"></el-input>
                </el-col>
            </el-row>
        </div>
        <h2>个人信息</h2>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="2">
                    <div class="list-title">中文:</div>
                </el-col>
                <el-col :span="1">
                    <div class="list-title wx-white" style="text-align: right;color:#888888;">姓:</div>
                </el-col>
                <el-col :span="4">
                    <el-input v-model="list.surname_cn" placeholder="请输入中文姓"></el-input>
                </el-col>
                <el-col :span="1">
                    <div class="list-title wx-white" style="text-align: right;color:#888888;">名:</div>
                </el-col>
                <el-col :span="4">
                    <el-input v-model="list.name_cn" placeholder="请输入中文名"></el-input>
                </el-col>
                <el-col :span="2">
                    <div class="list-title">英文:</div>
                </el-col>
                <el-col :span="1">
                    <div class="list-title wx-white" style="text-align: right;color:#888888;">姓:</div>
                </el-col>
                <el-col :span="4">
                    <el-input v-model="list.surname_en" placeholder="请输入英文姓"></el-input>
                </el-col>
                <el-col :span="1">
                    <div class="list-title wx-white" style="text-align: right;color:#888888;">名:</div>
                </el-col>
                <el-col :span="4">
                    <el-input v-model="list.name_en" placeholder="请输入英文名"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="2">
                    <div class="list-title">称谓:</div>
                </el-col>
                <el-col :span="1">
                    <div class="list-title wx-white" style="text-align: right;color:#888888;">中文:</div>
                </el-col>
                <el-col :span="4">
                    <el-input v-model="list.call_name_cn" placeholder="请输入中文称谓"></el-input>
                </el-col>
                <el-col :span="1">
                    <div class="list-title wx-white" style="text-align: right;color:#888888;">英文:</div>
                </el-col>
                <el-col :span="4">
                    <el-input v-model="list.call_name_en" placeholder="请输入英文称谓"></el-input>
                </el-col>
                <el-col :span="2">
                    <div class="list-title">职务:</div>
                </el-col>
                <el-col :span="1">
                    <div class="list-title wx-white" style="text-align: right;color:#888888;">中文:</div>
                </el-col>
                <el-col :span="4">
                    <el-input v-model="list.positions_cn" placeholder="请输入中文职务"></el-input>
                </el-col>
                <el-col :span="1">
                    <div class="list-title wx-white" style="text-align: right;color:#888888;">英文:</div>
                </el-col>
                <el-col :span="4">
                    <el-input v-model="list.positions_en" placeholder="请输入英文职务"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="2">
                    <div class="list-title">部门:</div>
                </el-col>
                <el-col :span="1">
                    <div class="list-title wx-white" style="text-align: right;color:#888888;">中文:</div>
                </el-col>
                <el-col :span="4">
                    <el-input v-model="list.department_cn" placeholder="请输入中文部门"></el-input>
                </el-col>
                <el-col :span="1">
                    <div class="list-title wx-white" style="text-align: right;color:#888888;">英文:</div>
                </el-col>
                <el-col :span="4">
                    <el-input v-model="list.department_en" placeholder="请输入英文部门"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">电话区号:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.tel_person_code" placeholder="请输入电话区号"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">电话:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.tel_person" placeholder="请输入电话"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">原始电话:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.tel_person_history" placeholder="请输入原始电话"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">手机:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.mobile_person" placeholder="请输入手机"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">传真:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.fax_person" placeholder="请输入传真"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">原始传真:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.fax_history" placeholder="请输入原始传真"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">Email:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.email_person" placeholder="请输入Email"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">电话已核 :</div>
                </el-col>
                <el-col :span="9">
                    <el-radio-group v-model="list.mobile_status">
                        <el-radio :label="1">是</el-radio>
                        <el-radio :label="0">否</el-radio>
                    </el-radio-group>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">地址:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.addr_person" placeholder="请输入地址"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">信息质量:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.info_level" placeholder="请输入信息质量"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">数据来源:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.data_from" placeholder="请输入数据来源"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">岗位职责:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.duties" placeholder="请输入岗位职责"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">工作性质:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.job_nature" placeholder="请输入工作性质"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">公司ID:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.company_ID" placeholder="请输入公司ID"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">人员类别:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.persontype" placeholder="请输入人员类别"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">行业:</div>
                </el-col>
                <el-col :span="9">
                    <el-select v-model="list.industrys" placeholder="请选择" style="width:100%;">
                        <el-option
                            v-for="item in selectList.xiala_sshy"
                            :key="item.id"
                            :label="item.title"
                            :value="item.title"
                        ></el-option>
                    </el-select>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">公司性质:</div>
                </el-col>
                <el-col :span="9">
                    <el-select v-model="list.company_nature" placeholder="请选择" style="width:100%;">
                        <el-option
                            v-for="item in selectList.xiala_gsxz"
                            :key="item.id"
                            :label="item.title"
                            :value="item.title"
                        ></el-option>
                    </el-select>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">公司形态:</div>
                </el-col>
                <el-col :span="9">
                    <el-select v-model="list.company_form" placeholder="请选择" style="width:100%;">
                        <el-option
                            v-for="item in selectList.xiala_gsxt"
                            :key="item.id"
                            :label="item.title"
                            :value="item.title"
                        ></el-option>
                    </el-select>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">业务性质:</div>
                </el-col>
                <el-col :span="9">
                    <el-select v-model="list.business" placeholder="请选择" style="width:100%;">
                        <el-option
                            v-for="item in selectList.xiala_ywxz"
                            :key="item.id"
                            :label="item.title"
                            :value="item.title"
                        ></el-option>
                    </el-select>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">系统状态:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.system_status" placeholder="请输入系统状态"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">证件号码:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.id_card" placeholder="请输入证件号码"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">所属洲:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.chau" placeholder="请输入所属洲"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">创建时间:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.create_time" placeholder="请输入创建时间"></el-input>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20" style="display: flex;flex-direction: row;align-items: center;">
                <el-col :span="3">
                    <div class="list-title">更新时间:</div>
                </el-col>
                <el-col :span="9">
                    <el-input v-model="list.update_time" placeholder="请输入更新时间"></el-input>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">是否合作过自有品牌客户:</div>
                </el-col>
                <el-col :span="9">
                    <el-radio-group v-model="list.ishzselfbrander">
                        <el-radio :label="1">是</el-radio>
                        <el-radio :label="0">否</el-radio>
                    </el-radio-group>
                </el-col>
            </el-row>
        </div>
        <div class="list-group">
            <el-row :gutter="20">
                <el-col :span="3">
                    <div class="list-title">是否合作过自有品牌:</div>
                </el-col>
                <el-col :span="9">
                    <el-radio-group v-model="list.ishzselfbrand">
                        <el-radio :label="1">是</el-radio>
                        <el-radio :label="0">否</el-radio>
                    </el-radio-group>
                </el-col>
                <el-col :span="3">
                    <div class="list-title">备注:</div>
                </el-col>
                <el-col :span="9">
                    <el-input
                        type="textarea"
                        :autosize="{ minRows: 3, maxRows: 5}"
                        placeholder="请输入备注内容"
                        v-model="list.remark"
                    ></el-input>
                </el-col>
            </el-row>
        </div>
        <div
            class="list-group"
            style="display:flex;flex-direction: row;justify-content: center;margin-top:40px;"
        >
            <el-button type="primary" style="margin-right:40px;" @click="query" size="medium">查询</el-button>
            <el-button type="info" size="medium" @click="cancel">取消</el-button>
        </div>
    </div>
</template>

<script>
import COUNTRY from '@/resources/system/country.js'
import api from '@/api/index';
export default {
  data: function () {
    return {
      countryList: [],
      list: {},//企业信息数组
      selectList: {},//下拉选择所有字段
    }
  },
  mounted () {
      console.log("!11")
    this.getSelectList();
    this.countryList = COUNTRY;
  },
  methods: {
    //下拉选择所有字段
    getSelectList () {
      this.$http.post(api.GETQYFORMALLXLA)
        .then((res) => {
          console.log('下拉选择所有字段', res.data.list)
          this.selectList = res.data.list
        })
    },
    //保存
    query () {
      let item = this.list;
      console.log(item)
     
    },
    //取消
    cancel () {
      this.$router.push({ path: '/business' })
    },
  }
}
</script>


<style scoped>
.list-title {
    height: 32px;
    line-height: 32px;
}
.list-group {
    padding: 10px 0;
}
h2 {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
h2:after {
    content: '';
    display: inline-block;
    width: 3px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #409eff;
}
</style>
